<!-- 商家销量统计的横向柱状图 -->
<template>
  <div class="com-container">
    <div class="com-chart" ref="seller_ref" style="width: 100%;height:100%"></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
			charts:null,
			xDataArr:['5-1','5-2','5-3'],
			xDataArr:['5月2日', '5月3日', '5月4日', '5月5日', '5月6日', '5月7日', '5月8日', '5月9日', '5月10日', '5月11日', '5月12日', '5月13日'],
			yDataArr:[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29]
    }
  },
  mounted () {
		this.initOption()
	},
  destroyed () {},
  methods: {
		initOption(){
			this.charts = this.$echarts.init(this.$refs.seller_ref)
			console.log(this.charts)
		var option = {
			//标题
			title:{
				text:'近日上传数量',
				textStyle:{
					color:'#2a2a2a'
				},
				left:'5%'
			},
      xAxis: {
        type: 'category',
        data: this.xDataArr,
      },
      yAxis: {
        type: 'value'
      },
      series: [
        {
					name:'kkks',
          data: this.yDataArr,
          type: 'line', 
					label:{
						show:true,
						color:'#010787'
					},
					
        }
      ]
    }
		this.charts.setOption(option)
		}
	}
}
</script>

<style  scoped>
	.com-container{
		width: 100%;
		height: 100%;
	}
</style>
